<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <!-- logo区域 -->
        <div class="jqadmin-logo-box">
            <a title="jQAdmin" class="logo" href="http://jqadmin.jqcool.net"><img alt="" src="images/logo.png"></a>
            <div class="menu-type" data-type="2"><i class="iconfont"></i></div>
        </div>

        <!-- 主菜单区域 -->
        <div class="jqadmin-main-menu">
            <ul class="layui-nav clearfix" id="menu" lay-filter="main-menu">
                <li class="layui-nav-item layui-this"><a href="javascript:;" data-title="内容管理"><i class="iconfont"></i><span>内容管理</span></a>
                </li>
                <li class="layui-nav-item "><a href="javascript:;" data-title="产品管理"><i
                        class="iconfont"></i><span>产品管理</span></a></li>
                <li class="layui-nav-item "><a href="javascript:;" data-title="会员管理"><i
                        class="iconfont"></i><span>会员管理</span></a></li>
                <li class="layui-nav-item "><a href="javascript:;" data-title="网站设置"><i
                        class="iconfont"></i><span>网站设置</span></a></li>
                <span class="layui-nav-bar" style="left: 0px; top: 56px; width: 0px; opacity: 0;"></span></ul>

        </div>

        <!-- 头部右侧导航 -->
        <div class="header-right">
            <ul class="layui-nav jqadmin-header-item right-menu">
                <li class="layui-nav-item first">
                    <a href="javascript:;">
                        <cite> admin</cite>
                        <span class="layui-nav-more"></span>
                    </a>

                    <dl class="layui-nav-child layui-anim layui-anim-upbit">
                        <dd class="tab-menu">
                            <a href="javascript:;" data-title="个人信息" data-url="user-info.html"> <i class="iconfont "
                                                                                                   data-icon=""> </i><span>个人信息</span></a>
                        </dd>
                        <dd>
                            <a href=""><i class="iconfont "> </i>退出</a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>

    <!-- 左侧导航-->
    <div class="layui-side layui-bg-black jqamdin-left-bar" style="width: 0px;">
        <div class="layui-side-scroll">
            <!--子菜单项-->
            <p class="jqadmin-home tab-menu">
                <a href="javascript:;" data-title="后台首页" data-url="welcome.html">
                    <i class="iconfont" data-icon=""></i>
                    <span>后台首页</span>
                </a>
            </p>
            <div id="submenu">
                <div class="sub-menu" style="display: block;">
                    <ul class="layui-nav layui-nav-tree">
                        <li class="layui-nav-item" data-bind="0"><a href="javascript:;" data-title="内容管理"> <i
                                class="iconfont"></i> <span>内容管理</span> <em class="layui-nav-more"></em> </a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;" data-title="文章列表" data-url="article.html"> <i
                                        class="iconfont " data-icon=""></i> <span>文章列表</span> </a></dd>
                                <dd><a href="javascript:;" data-title="文章分类" data-url="article-cat.html"> <i
                                        class="iconfont " data-icon=""></i> <span>文章分类</span> </a></dd>
                                <dd><a href="javascript:;" data-title="标签管理" data-url="tag.html"> <i class="iconfont "
                                                                                                     data-icon=""></i>
                                    <span>标签管理</span> </a></dd>
                            </dl>
                        </li>
                        <span class="layui-nav-bar"></span></ul>
                </div>
                <div class="sub-menu">
                    <ul class="layui-nav layui-nav-tree">
                        <li class="layui-nav-item"><a href="javascript:;" data-title="产品列表" data-url="product.html"> <i
                                class="iconfont" data-icon=""></i> <span>产品列表</span> </a></li>
                        <li class="layui-nav-item"><a href="javascript:;" data-title="品牌管理" data-url="brand.html"> <i
                                class="iconfont" data-icon=""></i> <span>品牌管理</span> </a></li>
                        <li class="layui-nav-item"><a href="javascript:;" data-title="分类管理" data-url="product-cat.html">
                            <i class="iconfont" data-icon=""></i> <span>分类管理</span> </a></li>
                        <span class="layui-nav-bar"></span></ul>
                </div>
                <div class="sub-menu">
                    <ul class="layui-nav layui-nav-tree">
                        <li class="layui-nav-item" data-bind="0"><a href="javascript:;" data-title="会员管理"> <i
                                class="iconfont"></i> <span>会员管理</span> <em class="layui-nav-more"></em> </a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;" data-title="会员列表" data-url="member.html"> <i
                                        class="iconfont " data-icon=""></i> <span>会员列表</span> </a></dd>
                                <dd><a href="javascript:;" data-title="会员等级" data-url="member-level.html"> <i
                                        class="iconfont " data-icon=""></i> <span>会员等级</span> </a></dd>
                                <dd><a href="javascript:;" data-title="会员统计" data-url="member-statistics.html"> <i
                                        class="iconfont " data-icon=""></i> <span>会员统计</span> </a></dd>
                            </dl>
                        </li>
                        <span class="layui-nav-bar"></span></ul>
                </div>
                <div class="sub-menu">
                    <ul class="layui-nav layui-nav-tree">
                        <li class="layui-nav-item" data-bind="0"><a href="javascript:;" data-title="系统管理"> <i
                                class="iconfont"></i> <span>系统管理</span> <em class="layui-nav-more"></em> </a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;" data-title="系统设置" data-url="config.html"> <i
                                        class="iconfont " data-icon=""></i> <span>系统设置</span> </a></dd>
                                <dd><a href="javascript:;" data-title="系统日志" data-url="sys-log.html"> <i
                                        class="iconfont " data-icon=""></i> <span>系统日志</span> </a></dd>
                                <dd><a href="javascript:;" data-title="栏目管理" data-url="menu.html"> <i class="iconfont "
                                                                                                      data-icon=""></i>
                                    <span>栏目管理</span> </a></dd>
                                <dd><a href="javascript:;" data-title="屏蔽词" data-url="shielding.html"> <i
                                        class="iconfont " data-icon=""></i> <span>屏蔽词</span> </a></dd>
                            </dl>
                        </li>
                        <li class="layui-nav-item" data-bind="0"><a href="javascript:;" data-title="权限管理"> <i
                                class="iconfont"></i> <span>权限管理</span> <em class="layui-nav-more"></em> </a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;" data-title="角色管理" data-url="admin-role.html"> <i
                                        class="iconfont " data-icon=""></i> <span>角色管理</span> </a></dd>
                                <dd><a href="javascript:;" data-title="权限设置" data-url="admin-permission.html"> <i
                                        class="iconfont " data-icon=""></i> <span>权限设置</span> </a></dd>
                                <dd><a href="javascript:;" data-title="管理员" data-url="admin.html"> <i class="iconfont "
                                                                                                      data-icon=""></i>
                                    <span>管理员</span> </a></dd>
                            </dl>
                        </li>
                        <span class="layui-nav-bar"></span></ul>
                </div>
            </div>
        </div>
    </div>

    <!-- 左侧侧边导航结束 -->
    <!-- 右侧主体内容 -->
    <div class="layui-body jqadmin-body" style="left: 0px;">

        <div class="layui-tab layui-tab-card jqadmin-tab-box" id="jqadmin-tab" lay-filter="tabmenu" lay-notauto="true">
            <ul class="layui-tab-title" style="margin-left: 0px;">
                <li class="layui-this" id="admin-home" fresh="1" lay-id="0"><i class="iconfont"></i><em>后台首页</em></li>

            </ul>
            <div title="显示左则菜单" class="menu-btn">
                <i class="iconfont"></i>
            </div>
            <div class="tab-move-btn" style="display: none;">
                <span>更多<i class="iconfont"></i></span>

                <!--<span class="move-left-btn"><i class="iconfont">&#xe616;</i></span>
                <span class="move-right-btn"><i class="iconfont ">&#xe618;</i></span>-->
            </div>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe class="jqadmin-iframe" src="welcome.html" data-id="0"></iframe>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部区域 -->
    <div class="layui-footer jqadmin-foot" style="left: 0px;">
        <div class="layui-mian">
            <p class="jqadmin-copyright">
                <span class="layui">2017 ?</span> Write by Paco,<a href="http://www.jqcool.net">jQAdmin</a>. 版权所有 <span
                    class="layui">依赖前端框架layui</span>
            </p>
        </div>
    </div>
</div>